#{extends 'main.html' /}

<!-- @author Heidi ElToukhy
this page is when a rigesteredUser views another user's profilePage with all its content liked followed tutorials,
followed uers, followed topics and communityLists -->

<html>

<head>

<title>#{get 'title' /}</title>

<link rel="stylesheet" media="screen"
	href="@{'/public/stylesheets/main.css'}">

#{get 'moreStyles' /}

<link rel="shortcut icon" type="image/png"
	href="@{'/public/images/favicon.png'}">

<script src="@{'/public/javascripts/jquery-1.6.4.min.js'}"
	type="text/javascript" charset="${_response_encoding}"></script>

#{get 'moreScripts' /}

<style type="text/css">
#menu






 






ul
















</
body
>
{
margin












:






 






0;
padding












:






 






0;
list-style-type












:






 






none












;
text-align












:






 






center












;
}
#menu ul li {
	display: inline;
}

#menu ul li a {
	text-decoration: none;
	padding: .2em 1em;
	color: #fff;
	background-color: #036;
}

#menu ul li a:hover {
	color: #fff;
	background-color: #369;
}
</style>

</head>

<p
	style="background-color: #FF6600; width: 400px; text-align: center; font-size: 20px;">
	<i> Welcome to "${models.RegisteredUser.findById(x).name}"'s
		Profile
		</h1> <br> <br>

		<div id="menu">

			<ul>

				<!-- Marwa Elshenawy
This is a button that enables the user to follow another user
@author Marwa Elshenawy -->
				<li><a href="@{RegisteredUsers.followUsr(x)}">Follow</a>
				</li>
				<!-- Heidi ElToukhy
This is a button that enables the user to view a list of his created or joined communityLists-->

				<form action="@{CommunityLists.viewCommLists()}" method="GET">
					<button name="viewOthers" type="submit" value="${viewOthers}">View
						Community Lists</button>
				</form>
				<!-- End @author Heidi ElToukhy-->

				<!-- @author Nada El-Sherief
Those buttons enables the user to view others points, followed topics/users/tutorials -->
				<form action="@{RegisteredUsers.checkMyPoints()}" method="GET">
					<button name="viewOthers" type="submit" value="${viewOthers}">View
						points</button>
				</form>
				<form action="@{Topics.followedTopicPage()}" method="GET">
					<button name="viewOthers" type="submit" value="${viewOthers}">Followed
						Topics</button>
				</form>
				<form action="@{Tutorials.followedTutPage()}" method="GET">
					<button name="viewOthers" type="submit" value="${viewOthers}">Followed
						Tutorials</button>
				</form>
				<form action="@{RegisteredUsers.followedUserPage()}" method="GET">
					<button name="viewOthers" type="submit" value="${viewOthers}">Followed
						Users</button>
				</form>